<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="Utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/earlyaccess/jejugothic.css">
<link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&amp;subset=latin,latin-ext">
<link rel="stylesheet" type="text/css"
	href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/Font-Awesome/css/font-awesome.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/bootstrap-select/dist/css/bootstrap-select.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/bootstrap-fileinput/css/fileinput.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.css'/>">
<link rel="stylesheet" type="text/css"
	href="<c:url value='/resources/assets/css/realsite.css'/>">
<title></title>

</head>

<body>

	<div class="page-wrapper">
		<%@ include file="../include/header.jsp"%>
		<div class="main">

			<div class="container">
				<div class="row">
					<div class="content col-sm-8 col-md-9">
						<h1 class="page-header">${actDto.actSubject}</h1>
						<!--모임제목-->

						<div class="post box">
							<div class="post-meta">
								<div class="post-meta-author">
									Posted by <a href="blog-detail.html#">admin</a>
								</div>
								<!-- /.post-meta-author -->

								<div class="post-meta-tags">
									<a href="blog-detail.html#">${actDto.actStateName}</a> <a
										href="blog-detail.html#">${actDto.interest.iName}</a> <a
										href="blog-detail.html#">${actDto.region.rName}</a>
								</div>
								<!-- /.post-meta-tags -->
							</div>
							<!-- /.post-meta -->

							<div class="post-image">
								<a href="blog-detail.html#"> <img
									src="assets/img/tmp/large/2.jpg" alt="Realsite">
								</a>
							</div>
							<!-- /.post-image -->

							<div class="post-body">
								<p class="text">
									${actDto.actContent}
									<!-- 모임 상세내용 -->
								</p>
							</div>
							<!-- /.post-body -->

							<h2 class="page-header">모임 위치</h2>

							<div class="map-property">
								<div id="map-property"></div>
								<!-- /#map-property -->
							</div>
							<!-- /.map-property -->

							<h2 class="page-header">Comments</h2>

							<section class="comment-list">
								<!-- First Comment -->
								<c:forEach var="commentsList" items="${actCommentDto}">

									<article class="row">
										<div class="col-md-2 col-sm-2 hidden-xs">
											<figure class="thumbnail">
												<img class="img-responsive"
													src="http://www.keita-gaming.com/assets/profile/default-avatar-c5d8ec086224cb6fc4e395f4ba3018c2.jpg" />
												<figcaption class="text-center">${commentsList.writer.memName}</figcaption>
											</figure>
										</div>
										<div class="col-md-10 col-sm-10">
											<div class="panel panel-default arrow left">
												<div class="panel-body">
													<header class="text-left">
														<div class="comment-user">
															<i class="fa fa-user"></i>
														</div>
														<time class="comment-date" datetime="16-12-2014 01:05">
															<i class="fa fa-clock-o"></i> ${commentsList.enrollDate}
														</time>
													</header>
													<div class="comment-post">
														<p>${commentsList.content}</p>
													</div>
													<p class="text-right">
														<a href="#" class="btn btn-default btn-sm"><i
															class="fa fa-reply"></i> reply</a>
													</p>
												</div>
											</div>
										</div>
									</article>

								</c:forEach>

							</section>


							<div id="respond" class="comment-respond">
								<h3 id="reply-title" class="comment-reply-title">
									Leave a Reply <small><a rel="nofollow"
										id="cancel-comment-reply-link"
										href="http://html.realsite.byaviators.com/template-sticky/#respond"
										style="display: none;">Cancel reply</a></small>
								</h3>
								<form
									action="<c:url value='/activity/${actDto.actId}/comment/add'/>"
									method="post" id="commentform" class="comment-form">
									<p class="logged-in-as">
										Logged in as <a href="blog-detail.html#">admin</a>. <a
											href="blog-detail.html" title="Log out of this account">Log
											out?</a>
									</p>
									<p class="comment-form-comment">
										<textarea id="comment" name="actcomment" cols="45" rows="8"
											class="form-control" placeholder="Your comment"></textarea>
									</p>

									<p class="form-submit">
										<input name="submit" type="submit" id="submit" class="btn"
											value="Post Comment"> <input type="hidden"
											name="comment_post_ID" value="1241" id="comment_post_ID">
										<input type="hidden" name="comment_parent" id="comment_parent"
											value="0">
									</p>
								</form>
							</div>
							<!-- #respond -->




						</div>
						<!-- /.post -->
					</div>
					<!-- /.content -->

					<div class="sidebar col-sm-4 col-md-3">

						<div class="widget">
							<div class="widget-title">
								<h2>Contact Information</h2>
							</div>
							<!-- /.widget-title -->

							<div class="widget-content">
								${actDto.actDate}<br> ${actDto.actLocation}<br> 모집인원
								${actDto.actMaxMem}명 중 ${fn:length(actDto.partyMem)}명이 참가했습니다.

								<div class="progress">
									<div class="progress-bar progress-bar-info" role="progressbar"
										aria-valuenow="5" aria-valuemin="0"
										aria-valuemax="${actDto.actMaxMem}"
										style="width:${fn:length(actDto.partyMem) div actDto.actMaxMem*100}%">
									</div>
								</div>
								<p>
									<%-- 로그인 유저 아이디 : ${sessionScope.userId} --%>
								<p>

									<c:choose>
										<c:when test="${sessionScope.userId==masterDto.memId}">
											<button
												onclick="location.href='<c:url value='/activity/${actDto.actId}/modify'/>'"
												class="btn btn-lg btn-block">모임수정하기</button>
										</c:when>
										<c:otherwise>
											<c:set var="isDoing" value="true" />
											<c:forEach var="enterMem" items="${enterDto}"
												varStatus="memberLoopCount">
												<c:if test="${isDoing}">
													<c:if test="${sessionScope.userId==enterMem.memId}">
														<button
															onclick="location.href='<c:url value='/activity/${actDto.actId}/enter/cancel'/>'"
															class="btn btn-lg btn-block">참여취소하기</button>
														<c:set var="isDoing" value="false" />
													</c:if>
													<c:if test="${isDoing}">
														<c:if test="${memberLoopCount.count==fn:length(enterDto)}"
															var="result">
															<button
																onclick="location.href='<c:url value='/activity/${actDto.actId}/enter'/>'"
																class="btn btn-lg btn-block">참여하기</button>
														</c:if>
													</c:if>
												</c:if>
											</c:forEach>
										</c:otherwise>
									</c:choose>
								<ul class="clearfix sharing-buttons">
									<li class="no-margin"><a class="facebook"
										href="https://www.facebook.com/share.php?u=http://html.realsite.byaviators.com&amp;title=Realsite%20-%20Material%20Real%20Estate%20HTML%20Template#sthash.BUkY1jCE.dpuf"
										onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
											<i class="fa fa-facebook fa-left no-margin"></i>
									</a></li>
									<li class="no-margin"><a class="google-plus"
										href="https://plus.google.com/share?url=http://html.realsite.byaviators.com"
										onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
											<i class="fa fa-google-plus fa-left no-margin"></i>
									</a></li>
									<li class="no-margin"><a class="twitter"
										href="https://twitter.com/home?status=Realsite%20-%20Material%20Real%20Estate%20HTML%20Template+http://html.realsite.byaviators.com#sthash.BUkY1jCE.dpuf"
										onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
											<i class="fa fa-twitter fa-left no-margin"></i>
									</a></li>
								</ul>
							</div>
							<!-- /.widget-content -->
						</div>
						<!-- /.widget -->




						<div class="widget"></div>
						<!-- /.widget -->


						<div class="widget-title">
							<h2>모임지기</h2>
						</div>
						<!-- /.widget-title -->
						<div class="widget-content">
							<div class="agent-small">
								<div class="agent-small-inner">
									<div class="agent-small-image">
										<a href="properties-detail.html#"
											class="agent-small-image-inner"> <img
											src="assets/img/tmp/agents/female.jpg" alt="">
										</a>
										<!-- /.agent-small-image-inner -->
									</div>
									<!-- /.agent-small-image -->

									<div class="agent-small-content">
										<h3 class="agent-small-title">
											<a href="properties-detail.html#">${masterDto.memName}</a>
										</h3>
									</div>
									<!-- /.agent-small-content -->
								</div>
								<!-- /.agent-small-inner -->
							</div>
							<!-- /.agent-small -->

						</div>
						<!-- /.widget-content -->

						<div class="widget-title">
							<h2>함께하는 이</h2>
						</div>
						<!-- /.widget-title -->

						<div class="widget-content">

							<c:forEach var="memberList" items="${enterDto}">
								<div class="agent-small">
									<div class="agent-small-inner">
										<div class="agent-small-image">
											<!-- <a href="properties-detail.html#" class="agent-small-image-inner">
                        <img src="assets/img/tmp/agents/female.jpg" alt="">
                    </a>/.agent-small-image-inner -->
											<a href="/web/myroom/${memberList.memId}/view"
												class="agent-small-image-inner"> <img
												src="${memberList.memPic}" alt="">
											</a>
										</div>
										<!-- /.agent-small-image -->

										<div class="agent-small-content">
											<h3 class="agent-small-title">
												<a href="properties-detail.html#"> ${memberList.memName}</a>
											</h3>

											<!-- <div class="agent-small-email">
                        <i class="fa fa-at"></i> <a href="properties-detail.html#">E-mail Address</a>
                    </div>/.agent-small-email

                    <div class="agent-small-phone">
                        <i class="fa fa-phone"></i> 1401-123-456
                    </div>/.agent-small-phone -->
										</div>
										<!-- /.agent-small-content -->

									</div>
									<!-- /.agent-small-inner -->
								</div>
								<!-- /.agent-small -->
							</c:forEach>
						</div>
						<!-- /.widget-content -->


					</div>
					<!-- /.sidebar -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container -->

		</div>
		<!-- /.main -->

		<div id="footer" class="footer">
			<div class="footer-top">
				<div class="container">
					<div class="footer-top-inner">
						<nav>
							<ul class="nav nav-pills">
								<li><a href="blog-detail.html#">Home</a></li>
								<li><a href="blog-detail.html#">Properties</a></li>
								<li><a href="blog-detail.html#">Agencies</a></li>
								<li><a href="blog-detail.html#">Agents</a></li>
								<li><a href="blog-detail.html#">Pricing</a></li>
								<li><a href="blog-detail.html#">Blog</a></li>
								<li><a href="blog-detail.html#">Contact</a></li>
							</ul>
						</nav>
					</div>
					<!-- /.footer-top-inner -->
				</div>
				<!-- /.container -->
			</div>
			<!-- /.footer-top -->

			<div class="footer-bottom">
				<div class="container">
					<div class="footer-bottom-inner">
						<div class="footer-bottom-left">&copy; 2015 Realsite -
							Material Real Estate Template. All rights reserved.</div>
						<!-- /.footer-bottom-left -->

						<div class="footer-bottom-right">
							Created by <a href="http://byaviators.com">Aviators</a>
						</div>
						<!-- /.footer-bottom-right -->
					</div>
					<!-- /.footer-bottom-inner -->
				</div>
				<!-- /.container -->
			</div>
			<!-- /.footer-bottom -->
		</div>
		<!-- /.footer -->
	</div>
	<!-- /.page-wrapper-->

	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/jquery.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-transit/jquery.transit.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/dropdown.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap/assets/javascripts/bootstrap/collapse.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap-select/dist/js/bootstrap-select.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/bootstrap-fileinput/js/fileinput.min.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/autosize/jquery.autosize.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/isotope/dist/isotope.pkgd.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/OwlCarousel/owl-carousel/owl.carousel.min.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery.scrollTo/jquery.scrollTo.min.js'/>"></script>

	<script
		src="http://maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places,drawing&amp;sensor=false"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/infobox.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/markerclusterer.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/jquery-google-map/jquery-google-map.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/lib/d3.v3.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/libraries/nvd3/nv.d3.min.js'/>"></script>

	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/realsite.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/charts.js'/>"></script>
	<script type="text/javascript"
		src="<c:url value='/resources/assets/js/map.js'/>"></script>


	<script>
      (function(i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
         i[r] = i[r] || function() {
            (i[r].q = i[r].q || []).push(arguments)
         }, i[r].l = 1 * new Date();
         a = s.createElement(o), m = s.getElementsByTagName(o)[0];
         a.async = 1;
         a.src = g;
         m.parentNode.insertBefore(a, m)
      })(window, document, 'script',
            '//www.google-analytics.com/analytics.js', 'ga');

      ga('create', 'UA-39841036-7', 'auto');
      ga('send', 'pageview');
   </script>

</body>
</html>